@import "~common/stylus/variable"

.order-container
  position: fixed;
  top: 0
  left: 0
  right: 0
  bottom: 0
  z-index: 1000
  background-color: $color-background
  overflow: hidden;
  .order-list
    .order-item
      background-color: #fff
      margin: 10px 10px 0 10px
      padding: 20px
      min-height: 120px
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border-top: 3px solid #ddd
      .order-title
        display: flex
        justify-content: space-between;
        align-items: baseline;
        .order-title
          font-size: 20px
        .order-status
          color: #009fab
      .order-body
        color: #666
        display: flex
        flex-direction: column;
        justify-content: space-between;
        height: 70px
        .user-name-container
          display: flex
        .test-time-container
          display: flex
          .time
            color: #009fab
        .text-orderid-container
          display: flex
        .list-item-title
          width: 30%
